<!--
 * @Author: your name
 * @Date: 2021-09-16 17:14:29
 * @LastEditTime: 2021-09-16 17:36:00
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \hello-uni\components\iconcomponents\components\Context.vue
-->
<template>
	<view class="Context">
		<!-- 通过nav跳转api来传送数据 -->
		<view v-for="item in lists" :key="item">
			<view class="list1">
				<view class="title">
					{{item.title}}
				</view>
				<view class="two">
					<view class="time">
						{{item.time}}
					</view>
					<view class="name">
						&nbsp;| {{item.name}}
					</view>
				</view>
				<view class="address">
					单位地址:{{item.address}}
				</view>
				<view class="hot icon-specifications">
					热度:{{item.hot}}
				</view>
			</view>
			<view class="list2">
				<view class="hot">
					热点10天
				</view>
				<view class="click">
					点击后回收
				</view>
			</view>
			<!-- 销售人信息 -->
			<view class="person">
				<image src="" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	import  { reactive } from "vue"
		export default {
			
		setup(){
			// 今天的时间
			 const day2 = new Date();
			 day2.setTime(day2.getTime());
			 const s2 = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate();
			const lists = reactive([{
				title:"北京市某某某交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"北京市中南海一号院",
				hot:"登革热"
			},
			{
				title:"北京市某某某交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"北京市中南海一号院",
				hot:"登革热"
			},
			{
				title:"北京市某某某交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"北京市中南海一号院",
				hot:"登革热"
			},
			{
				title:"北京市某某某交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"北京市中南海一号院",
				hot:"登革热"
			},
			{
				title:"北京市某某某交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"北京市中南海一号院",
				hot:"登革热"
			}])
			
		
			return {
				lists,
			}
		}
			}
	
</script>

<style scoped lang="scss">
	.Context{
		background-color: $uni-text-color-inverse;
	}
	.list1{
		height: 130*2rpx;
		background-color: $uni-text-color-inverse;
		.title{
			font-size: 16*2rpx;
			line-height: 16*2rpx;
			color: #3C3C3C;
			margin-top: 16*2rpx;
		}
		.two{
			font-size: 13px;
			line-height: 14px;
			color: #777777;
			display: flex;
			margin-top: 16*2rpx;
		}
		.address{
			font-size: 13px;
			line-height: 14px;
			color: #777777;
			margin-top: 16*2rpx;
		}
		.hot{
			font-size: 13px;
			line-height: 14px;
			color: #777777;
			margin: 16*2rpx 0;
		}
	}
	
</style>
